<template>
  <div class="logo">
    <router-link :to="routerLinkTo">

      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
<!--      <img v-if="navTheme === 'dark'" src="~@/assets/logo-white.png" alt="logo">-->
      <img v-if="navTheme === 'dark'" src="~@/assets/langu_logo.jpg" alt="logo">
<!--      <img v-else src="~@/assets/logo.svg" alt="logo">-->
      <img v-else src="~@/assets/langu_logo.jpg" alt="logo">
      <!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->

      <h1 v-if="showTitle">{{ title }}</h1>
      <span v-if="merchantType==='1'"  @click="goBackHandle">兰谷</span>
    </router-link>
  </div>
</template>

<script>
  import { mixin } from '@/utils/mixin.js'
  import Vue from 'vue'
 import { ACCESS_TOKEN,USER_INFO } from "@/store/mutation-types"
  export default {
    name: 'Logo',
    mixins: [mixin],
    props: {
      title: {
        type: String,
        default: '鸿展科技',
        required: false
      },
      showTitle: {
        type: Boolean,
        default: true,
        required: false
      },
      // 点击Logo跳转地址
      routerLinkTo: {
        type: Object,
        default: () => ({name: 'dashboard'}),
      },
    },
    data(){
      return{
        merchantType:Vue.ls.get(USER_INFO)?.merchantType || '',  //登陆用户类型  1.是内部客户 其余是外部
      }
    },
    methods:{
      goBackHandle(){
       window.location.href = window._CONFIG['languURL'] 
     }
    }
  }
</script>
<style lang="less" scoped>
  /*缩小首页布 局顶部的高度*/
  @height: 59px;
    .logo {
      height: @height !important;
      line-height: @height !important;
      box-shadow: none !important;
      transition: background 300ms;

      a {
        color: white;
        &:hover {
          color: rgba(255, 255, 255, 0.8);
        }
      }
      span{
        margin-left: 20px;
        color:#002140;
        cursor: pointer;
      }
    }

    // &.light .logo {
    //   background-color: @primary-color;
    // }
  
</style>